<template>
  <div class="box">
    <el-card class="user-search">
      <slot name="input" />
      <!-- {{ user }}:<el-input v-model.trim="userName" placeholder="请输入" class="search" /> -->
      <span v-show="isshowRole">
        <slot name="option" />
        <!-- <el-select v-model="roleId" placeholder="请选择" class="select">
          <el-option v-for="item in labelList" :key="item.label" :label="item.label" :value="item.value" />
        </el-select> -->
      </span>
      <slot name="SearchBtn" />
      <!-- <el-button class="btn" @click="search">查询</el-button> -->
    </el-card>
  </div>
</template>

<script>
// import { getUserSearchApi } from '@/api/user'
export default {
  // name: 'Search',
  props: {
    isshowRole: {
      type: Boolean,
      default: false
    }
    // userName: {
    //   type: String,
    //   required: true
    // },
    // roleId: {
    //   type: String,
    //   required: true
    // }
  },
  data() {
    return {
      dirlogVisible: false
    }
  },
  methods: {
  }
}
</script>

<style lang="scss">
.box {
margin-bottom: 10px;
.user-search {
  display: flex;
  margin-bottom: 10px;
  height: 64px;
  align-items: center;
  .search {
    width: 206px;
    height: 36px;
margin-right: 10px;

    // padding: 0px 36px 0 15px;
  }
  .btn {
    background-color: #5f84ff;
    color: #fff;
  }
}
.select{
width:196px;
margin-right:10px
}
}
</style>
